<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- text-line 对齐  left right  center  justify 两端对齐  调大文字之间的空格  -->
    <!-- 垂直对齐 -->
    <!-- vertical-align: -->
    <!-- baseline 基线对齐  top 顶部对齐  bottom  底部对齐 middle 居中对齐 -->
    <!-- 图片属于替换元素 特点和字是一样的  -->
    <!-- 图片的对齐方式默认是极限对齐 -->
    <!-- text-decoration:none underline line-through overline 都支持   设置文本修饰-->
    <!-- 省略显示 多出的内容显示省略号  -->
    <!-- white-space : normal; 正常
    nowrap; 不换行 （实现省略号的效果  ） overflow 设置hidden    不然多余的内容会换行 
    text-overflow:eliipsis  表示溢出的内容设置省略号
    pre; 保留（写的什么 显示什么） -->



</body>

</html>